<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <title>学籍管理</title>
    <link rel="stylesheet" href="layui/css/layui.css">
</head>
<script src="jquery/jquery-3.5.1.js"></script>
<script src="layui/layui.js"></script>
<script src="js/checkLogin.js"></script>

<!--<script src="../js/checkLogin.js"></script>-->
<body class="layui-layout-body">
<div class="layui-layout layui-layout-admin">
    <div class="layui-header">
        <div class="layui-logo" style="color: #00F7DE; font-size: 20px">学籍预警系统</div>
        <!-- 头部区域（可配合layui已有的水平导航） -->
        <ul class="layui-nav layui-layout-left">
            <li class="layui-nav-item">
<!--                <a href="">日志管理</a>-->
            </li>
            <li class="layui-nav-item">
                <a href="geRenXinXi.html">用户</a>
            </li>
            <li class="layui-nav-item">
                <a href="javascript:;">其它系统</a>
                <dl class="layui-nav-child">
                    <dd><a href="">学籍管理</a></dd>
                    <dd><a href="">选课管理</a></dd>
                    <dd><a href="">老师评价</a></dd>
                </dl>
            </li>
        </ul>
        <ul class="layui-nav layui-layout-right">
            <li class="layui-nav-item">
                <a href="javascript:;">
                    <img src="http://t.cn/RCzsdCq" class="layui-nav-img" id="yonHutouXiang">
                    <em id="xingMing">超级管理员</em>
                </a>
                <dl class="layui-nav-child">
                    <dd><a href="geRenXinXi.html">基本资料</a></dd>
                </dl>
            </li>
            <li class="layui-nav-item"><a href="login.html" id="tueiChu">退了</a></li>
        </ul>
    </div>

    <div class="layui-side layui-bg-black">
        <div class="layui-side-scroll">
            <!-- 左侧导航区域（可配合layui已有的垂直导航） -->
            <ul class="layui-nav layui-nav-tree"  lay-filter="test">
                <li class="layui-nav-item">
                    <a class="" href="guanliyuan_chengjiguanli.html">首页</a>
                </li>
                <li class="layui-nav-item">
                    <a class="" href="">组织架构</a>
                </li>
                <li class="layui-nav-item layui-nav-itemed">
                    <a class="" href="javascript:">数据管理</a>
                    <dl class="layui-nav-child">
                        <dd><a href="jueSeGuanLi.html">角色管理</a></dd>
                        <dd><a href="guanliyuan_chengjiguanli.html">成绩管理</a></dd>
                    </dl>
                </li>
                <li class="layui-nav-item layui-nav-itemed">
                    <a class="" href="javascript:">学生管理</a>
                    <dl class="layui-nav-child">
                        <dd class="layui-this"><a href="">考勤管理</a></dd>
                        <dd><a href="biyeyujing.html">毕业预警</a></dd>
                        <dd ><a href="xuefenyujing.html">学分预警</a></dd>

                    </dl>
                </li>

            </ul>
        </div>
    </div>

    <div class="layui-body"  style="margin-top: 10px; margin-left: 10px; margin-right: 10px">

        <!-- 面包屑导航 -->
        <span class="layui-breadcrumb">
          <a href="guanliyuan_chengjiguanli.html">首页</a>
          <a><cite>系统首页管理</cite></a>
          <a><cite>考勤管理</cite></a>
        </span>

        <!-- 水平线 -->
        <hr class="layui-bg-blue">

        <!-- 搜索条件 -->
        <fieldset class="layui-elem-field">
            <legend>筛选条件</legend>
            <div class="layui-field-box">
                <div class="layui-form-item layui-form-pane">
                    <label class="layui-form-label">学生姓名</label>
                    <div class="layui-input-inline">
                        <input type="text" id="search_xing_ming" placeholder="模糊查询学生姓名" class="layui-input">
                    </div>
                </div>

                <div class="layui-form-item layui-form-pane">
                    <label class="layui-form-label">违规时间从</label>
                    <div class="layui-input-inline">
                        <input type="text" class="layui-input" id="search_lWeiGuiShiJian" placeholder="yyyy-MM-dd HH:mm:ss">
                    </div>

                    <label class="layui-form-label">违规时间到</label>
                    <div class="layui-input-inline">
                        <input type="text" class="layui-input" id="search_rWeiGuiShiJian" placeholder="yyyy-MM-dd HH:mm:ss">
                    </div>
                </div>


                <div class="layui-form-item layui-form-pane">
                    <label class="layui-form-label">学号</label>
                    <div class="layui-input-inline">
                        <input type="text" class="layui-input" id="search_xue_hao" placeholder="学号">
                    </div>
                </div>

                <div class="layui-form-item layui-form-pane">
                    <form class="layui-form layui-form-pane" action="">
                        <label class="layui-form-label">违规类型</label>
                        <div class="layui-input-inline">
                            <select name="quiz2" id="search_wei_gui_lei_xing">
                                <option value="">选择违规类型</option>
                                <option value="迟到早退">迟到早退</option>
                                <option value="旷课">旷课</option>
                            </select>
                        </div>
                    </form>

                    <div class="layui-inline">
                        <button class="layui-btn layui-btn-radius layui-btn-warm" id="iReset">重置</button>
                        <button class="layui-btn layui-btn-radius layui-btn-normal" id="searchVal">搜索</button>
                    </div>
                </div>


            </div>

        </fieldset>

        <table class="layui-hide" id="test" lay-filter="test"></table>

        <script type="text/html" id="toolbarDemo">
            <div class="layui-btn-container">
                <button class="layui-btn layui-btn-sm" lay-event="insert_data">新增考勤信息</button>
            </div>
        </script>

        <script type="text/html" id="barDemo">
            <a class="layui-btn layui-btn-xs" lay-event="edit">修改</a>
            <a class="layui-btn layui-btn-danger layui-btn-xs" lay-event="del">删除</a>
            <a class="layui-btn layui-btn-danger layui-btn-xs" lay-event="tiXing">提醒</a>
        </script>



        <script type="text/html" id="insert_form">

            <div class="layui-field-box">




                <div class="layui-form-item layui-form-pane">
                    <form class="layui-form layui-form-pane" action="">
                        <label class="layui-form-label">违规</label>
                        <div class="layui-input-inline">
                            <select name="quiz1" id="insert_weiGuiLeiXing">
                                <option value=null>选择</option>
                                <option value="1">迟到早退</option>
                                <option value="2">旷课</option>
                            </select>
                        </div>
                    </form>
                </div>



                <div class="layui-form-item layui-form-pane">
                    <label class="layui-form-label">违规时间</label>
                    <div class="layui-input-inline">
                        <input type="text" id="insert_weiGuiShiJian" class="layui-input" placeholder="yyyy-MM-dd HH:mm:ss">
                    </div>
                </div>

                <div class="layui-form-item layui-form-pane">
                    <label class="layui-form-label">学生学号</label>
                    <div class="layui-input-inline">
                        <input type="text" id="insert_xueShengXueHao" class="layui-input">
                    </div>
                </div>


            </div>
        </script>

        <script type="text/html" id="update_form">
            <div class="layui-field-box">
                <div class="layui-form-item layui-form-pane">
                    <label class="layui-form-label">学号</label>
                    <div class="layui-input-inline">
                        <input type="text" id="update_xueHao" class="layui-input">
                    </div>
                </div>
                <div class="layui-form-item layui-form-pane">
                    <form class="layui-form layui-form-pane" action="">
                        <label class="layui-form-label">违规</label>
                        <div class="layui-input-inline">
                            <select name="quiz1" id="update_weiGuiLeiXing">
                                <option value=null>选择</option>
                                <option value="1">迟到早退</option>
                                <option value="2">旷课</option>
                            </select>
                        </div>
                    </form>
                </div>


                <div class="layui-form-item layui-form-pane">
                    <label class="layui-form-label">违规时间</label>
                    <div class="layui-input-inline">
                        <input type="text" id="update_weiGuiShiJian" class="layui-input">
                    </div>
                </div>

            </div>
        </script>

        <script>
            // var jueSeArray = [];
                $("#xingMing").text( yongHuJSON.xingMing);


            $(function () {
                layui.use('laydate', function () {
                    var laydate = layui.laydate;
                    //日期时间选择器
                    laydate.render({
                        elem: '#search_lWeiGuiShiJian'
                        ,type: 'datetime'
                    });
                    //日期时间选择器
                    laydate.render({
                        elem: '#search_rWeiGuiShiJian'
                        ,type: 'datetime'
                    });
                    //日期时间选择器
                    laydate.render({
                        elem: '#insert_weiGuiShiJian'
                        ,type: 'datetime'
                    });
                });



                $("#iReset").click(function () {
                    $("#search_xing_ming").val("");
                    $("#search_wei_gui_lei_xing").val("");
                    $("#search_lWeiGuiShiJian").val("");
                    $("#search_rWeiGuiShiJian").val("");
                    $("#search_xue_hao").val("");
                    // 初始化form表单样式，并刷新select渲染
                    layui.use(['form'], function(){
                        var form = layui.form;
                        form.render('select');
                    });
                    search();
                });

                $("#searchVal").click(function () {
                    if(yongHuJSON.quanXianId===2) {
                        var xingMing = $("#search_xing_ming").val();
                    }else if(yongHuJSON.quanXianId===1){
                         xingMing = yongHuJSON.xingMing;
                    }


                    var weiGuiLeiXing = $("#search_wei_gui_lei_xing").val();  // vo dto pojo
                    var lweiGuiShiJian = $("#search_lWeiGuiShiJian").val();
                    var rweiGuiShiJian = $("#search_rWeiGuiShiJian").val();
                    var xueShengXueHao = $("#search_xue_hao").val();

                    search(xingMing, weiGuiLeiXing, lweiGuiShiJian, rweiGuiShiJian, xueShengXueHao);
                });
            });
            search();
            function search(xingMing, weiGuiLeiXing, lweiGuiShiJian, rweiGuiShiJian, xueShengXueHao) {
                // 响应式  也就是适配不同的分辨率
                layui.use('table', function(){
                    var table = layui.table;
                    var json = {};



                    if(yongHuJSON.quanXianId===2) {
                        if (xingMing != null && xingMing !== "")
                            json.xingMing = xingMing;
                    }else if(yongHuJSON.quanXianId===1){
                        json.xingMing = yongHuJSON.xingMing
                    }



                    if(weiGuiLeiXing != null && weiGuiLeiXing !== "")
                        json.weiGuiLeiXing = weiGuiLeiXing;
                    if(lweiGuiShiJian != null && lweiGuiShiJian !== "")
                        json.lweiGuiShiJian = lweiGuiShiJian;
                    if(rweiGuiShiJian != null && rweiGuiShiJian !== "")
                        json.rweiGuiShiJian = rweiGuiShiJian;
                    if(xueShengXueHao != null && xueShengXueHao !== "")
                        json.xueShengXueHao = xueShengXueHao;


                    table.render({   // 渲染table数据表格
                        elem: '#test'
                        ,url:'/kaoQin/chaXunFenYe'
                        ,where:json  // 添加的请求参数
                        ,toolbar: '#toolbarDemo' //开启头部工具栏，并为其绑定左侧模板
                        ,defaultToolbar: ['filter', 'exports', 'print', { //自定义头部工具栏右侧图标。如无需自定义，去除该参数即可
                            title: '提示'
                            ,layEvent: 'LAYTABLE_TIPS'
                            ,icon: 'layui-icon-tips'
                        }]
                        ,title: '用户表数据'
                        ,cols: [[
                            {type: 'checkbox', fixed: 'left'}
                            ,{field:'id', title:'ID', width:60, fixed: 'left', unresize: true, sort: true, type: "numbers"}
                            ,{field:'xingMing', title:'姓名', width:120, unresize: true, templet:function (res) {
                                    return '<em>'+ res.xueSheng.xingMing +'</em>'
                                }}
                            ,{field:'xueShengXueHao', title:'学号', width:120, unresize: true, templet:function (res) {
                                    return '<em>'+ res.xueShengXueHao +'</em>'
                                }}
                            ,{field:'nianJi', title:'年级', width:120, unresize: true, templet:function (res) {
                                    return '<em>'+ res.xueSheng.nianJi +'</em>'
                                }}
                            ,{field:'weiGuiLeiXing', title:'违规类型', width:120, unresize: true, templet:function (res) {
                                    return '<em>'+ res.xueSheng.leiXing.weiGuiLeiXing +'</em>'
                                }}
                            ,{field:'weiGuiShiJian', title:'违规时间', width:120, unresize: true, templet:function (res) {
                                    return '<em>'+ res.weiGuiShiJian +'</em>'
                                }}

                            ,{fixed: 'right', title:'操作', toolbar: '#barDemo', width:200}
                        ]]
                        ,page: {limits:[10], prev:"上一页", next:"下一页"}
                        ,done: function (res, page, count) {
                            console.log(res);
                            console.log(page);
                            console.log(count);
                        }
                    });

                    //头工具栏事件
                    table.on('toolbar(test)', function(obj){
                        var checkStatus = table.checkStatus(obj.config.id);
                        switch(obj.event){
                            case 'insert_data':
                                // layer.msg("新增数据");
                                // //弹出表单
                                layer.open({
                                    type: 1
                                    ,title: '新增账号'         //不显示标题栏
                                    ,closeBtn: false
                                    ,area: ['400px','300px']  // 宽和高
                                    ,shade: 0.8               // 透明度
                                    ,id: 'LAY_layuipro'       //设定一个id，防止重复弹出
                                    ,btn: ['新增', '取消']    // 两个按钮显示的文字内容
                                    ,btnAlign: 'c'
                                    ,moveType: 1             //拖拽模式，0或者1
                                    ,content: $('#insert_form').html()// 引入自定义表单
                                    ,btn1: function(index, layero){
                                        var weiGuiShiJian = $("#insert_weiGuiShiJian").val();
                                        var weiGuiLeiXing = $("#insert_weiGuiLeiXing").val();
                                        var xueShengXueHao = $("#insert_xueShengXueHao").val();

                                        if((weiGuiLeiXing==null || weiGuiShiJian==null || xueShengXueHao==null )
                                        ){
                                            alert("考勤记录");
                                            return false;
                                        }

                                        $.ajax({   // 异步请求   想象成线程状态
                                            url:"/kaoQin/xinZeng",   // 请求路径
                                            type:"post",            // 请求的方式，不区分大小写   传递json不能使用get请求，否则返回400错误
                                            contentType:"application/json;charset=utf-8",
                                            datatype:"text",
                                            data: JSON.stringify({
                                                weiGuiShiJian:weiGuiShiJian,
                                                leiXingId:weiGuiLeiXing,
                                                xueShengXueHao:xueShengXueHao
                                            }),
                                            success:function(response){                        // 后台服务响应成功，自动返回数据
                                                if(response.code === 200) {
                                                    // 关闭弹出框
                                                    layer.close(index);
                                                    alert("添加考勤数据成功!");
                                                    search();
                                                }else if(response.code===150){
                                                    // 关闭弹出框
                                                    layer.close(index);
                                                    alert(
                                                        "没有此学生,添加啊失败"
                                                    )
                                                }
                                            },
                                            error:function(response){             // 网络请求失败，自动调用此方法
                                                console.log("出错" + response);
                                                layer.close(index);   // 关闭当前对话框
                                            }
                                        });

                                    }
                                    ,success: function(layero){
                                        // 初始化form表单样式，并刷新select渲染
                                        layui.use(['form'], function(){
                                            var form = layui.form;
                                            form.render('select');
                                        });
                                    }
                                });
                                break;

                            //自定义头工具栏右侧图标 - 提示
                            case 'LAYTABLE_TIPS':
                                layer.alert('这是工具栏右侧自定义的一个图标按钮');
                                break;
                        };
                    });

                    //监听行工具事件
                    table.on('tool(test)', function(obj){
                        var data = obj.data;   // layui返回的当前行中的json对象数据
                        //console.log(obj)
                        if(obj.event === 'del'){
                            layer.confirm('确定删除吗?', function(index){
                                $.ajax({   // 异步请求   想象成线程状态
                                    url:"/kaoQin/shanChuById",   // 请求路径
                                    type:"post",               // 请求的方式，不区分大小写   传递json不能使用get请求，否则返回400错误
                                    datatype:"text",
                                    // request中传递的key-value值
                                    data:{id:data.id},
                                    success:function(response){                        // 后台服务响应成功，自动返回数据
                                        if(response.code === 200) {
                                            layer.close(index);   // 关闭当前对话框
                                            alert("删除成功!");
                                            search();
                                        }
                                        else {
                                            alert("删除失败，请稍后重试!");
                                        }
                                    },
                                    error:function(response){             // 网络请求失败，自动调用此方法
                                        console.log("出错" + response);
                                        layer.close(index);   // 关闭当前对话框
                                    }
                                });
                            });
                        } else if(obj.event === 'edit'){
                            //弹出表单
                            layer.open({
                                type: 1
                                ,title: '修改考勤数据'         //不显示标题栏
                                ,closeBtn: false
                                ,area: ['400px','300px']  // 宽和高
                                ,shade: 0.8               // 透明度
                                ,id: 'LAY_layuipro'       //设定一个id，防止重复弹出
                                ,btn: ['更新', '取消']    // 两个按钮显示的文字内容
                                ,btnAlign: 'c'
                                ,moveType: 1             //拖拽模式，0或者1
                                ,content: $('#update_form').html()// 引入自定义表单
                                ,btn1: function(index, layero){
                                    var leiXingId = $("#update_weiGuiLeiXing").val();
                                    var xueShengXueHao = $("#update_xueHao").val();
                                    var weiGuiShiJian = $("#update_weiGuiShiJian").val();
                                    $.ajax({   // 异步请求   想象成线程状态
                                        url:"/kaoQin/gengXinById",   // 请求路径
                                        type:"post",               // 请求的方式，不区分大小写   传递json不能使用get请求，否则返回400错误
                                        contentType:"application/json;charset=utf-8",
                                        datatype:"text",
                                        // request中传递的key-value值
                                        data:JSON.stringify({
                                            id:data.id,
                                            leiXingId:leiXingId,
                                            weiGuiShiJian:weiGuiShiJian,
                                            xueShengXueHao:xueShengXueHao
                                        }),
                                        success:function(response){                        // 后台服务响应成功，自动返回数据
                                            if(response.code === 200) {
                                                layer.close(index);   // 关闭当前对话框
                                                alert("更新成功!");
                                                search();
                                            }
                                            else {
                                                alert("更新失败，请稍后重试!");
                                            }
                                        },
                                        error:function(response){             // 网络请求失败，自动调用此方法
                                            console.log("出错" + response);
                                            layer.close(index);   // 关闭当前对话框
                                        }
                                    });
                                    // 关闭弹出框
                                    layer.close(index);
                                }
                                ,success: function(layero){
                                    $("#update_weiGuiShiJian").val(data.weiGuiShiJian);
                                    // var leixing=data.leiXingId=1? "迟到早退" :"旷课";
                                    $("#update_weiGuiLeiXing").val(data.weiGuiLeiXing);
                                    $("#update_xueHao").val(data.xueShengXueHao);
                                    // $("#insert_jue_se_id").append("<option value=''>请选择角色</option>");
                                    // for(i = 0; i < jueSeArray.length; i++) {
                                    //     if(data.jueSeId == jueSeArray[i].id) {
                                    //         $("#insert_jue_se_id").append("<option value='" + jueSeArray[i].id + "' selected>" + jueSeArray[i].jueSeMingCheng + "</option>");
                                    //     }
                                    //     else {
                                    //         $("#insert_jue_se_id").append("<option value='" + jueSeArray[i].id + "'>" + jueSeArray[i].jueSeMingCheng + "</option>");
                                    //     }
                                    // }
                                    // 初始化form表单样式，并刷新select渲染
                                    layui.use(['form'], function(){
                                        var form = layui.form;
                                        form.render('select');
                                    });
                                }
                            });
                        }
                        else if (obj.event==='tiXing'){
                            layer.confirm('发出预警?', function(index){
                                $.ajax({   // 异步请求   想象成线程状态
                                    url:"/chengJi/tiXing",   // 请求路径
                                    type:"get",               // 请求的方式，不区分大小写   传递json不能使用get请求，否则返回400错误
                                    contentType:"application/json;charset=utf-8",
                                    datatype:"text",
                                    // request中传递的key-value值
                                    data:{
                                        dianHua:data.xueSheng.dianHua,
                                        xueHao:data.xueShengXueHao
                                    },
                                    success:function(response){                        // 后台服务响应成功，自动返回数据
                                        if(response.code === 200) {
                                            layer.close(index);
                                            alert("提示成功!");
                                        }
                                        else {
                                            alert("提醒失败，请稍后重试!");
                                        }
                                    },
                                    error:function(response){             // 网络请求失败，自动调用此方法
                                        console.log("出错" + response);
                                        layer.close(index);   // 关闭当前对话框
                                    }
                                });
                            });

                        }

                    });
                });


            }
        </script>
    </div>

    <div class="layui-footer">
        <!-- 底部固定区域 -->
        四川民惠
    </div>
</div>
<script>
    //JavaScript代码区域
    layui.use('element', function(){
        var element = layui.element;

    });
</script>
</body>
</html>
